<template>
	<view class="confirm">
		<view class="confirmBox">
			<image src="../../../static/images/mytwo.png" mode=""></image>
			<view>
				{{allData.selDoctorData.doctorName}}
				<text>{{allData.selDoctorData.title}}</text>
			</view>
		</view>
		<view class="detailBox">
			<view class="title">就诊医院</view>
			<view class="detail">华西医院</view>
		</view>
		<view class="detailBox">
			<view class="title">医院地址</view>
			<view class="detail">{{allData.selRoomData.hospitalParkName}}{{allData.selRoomData.bigName}}{{ allData.selRoomData.depAddress }}</view><text @click="goMapNavigation" class="iconfont icon-daohang-"></text>
		</view>
		<view class="detailBox">
			<view class="title">就诊科室</view>
			<view class="detail">{{ allData.selRoomData.departmentName }}</view>
		</view>
		<view class="detailBox">
			<view class="title">门诊时间</view>
			<view class="detail">{{ allData.selDoctorData.workDate }}</view>
		</view>
		<view class="detailBox">
			<view class="title">候诊时间</view>
			<view class="detail">{{ allData.selDateData.time }}</view>
		</view>
		<view class="detailBox">
			<view class="title">费用</view>
			<view class="detail">{{ allData.selDoctorData.fee }}</view>
		</view>
		<view class="detailBox">
			<view class="title">就诊人</view>
			<view class="detail">{{ allData.selPersonData.name }}</view>
		</view>
		<view class="detailBox">
			<view class="title">身份证号</view>
			<view class="detail">{{ allData.selPersonData.cardNum }}</view>
		</view>
		<view class="read">
			挂号前仔细阅读
			<text class="blue" @click="goReserveNotice">《挂号须知》</text>
		</view>
		<view class="btn" @click="goReserveRegDetail">确认预约</view>
	</view>
</template>
<script setup>
import { ref, reactive ,onMounted} from 'vue'
import {selPersonStore} from '@/store/appReStore.js'
const allData = selPersonStore();
// 跳转到预约信息
let goReserveRegDetail = () => {
	uni.navigateTo({
		url: '/pages/allRecord/bespokeInfo/bespokeInfo'
	})
}
// 跳转到预约须知
let goReserveNotice = () => {
	uni.navigateTo({
		url: '/pages/appointmentRegister/reserveNotice/reserveNotice'
	})
}
// 跳转到地图导航
let goMapNavigation = () => {
	uni.navigateTo({
		url: '/pages/nucleicAcidTesting/mapNavigation/mapNavigation'
	})
}
// 时间信息
onMounted(() => {
		// console.log('选择就诊人',allData.selPersonData);
		// console.log('选择科室',allData.selRoomData);
		// console.log('医生信息',allData.selDoctorData);
		// console.log('时间段选择',allData.selDateData);
	})
</script>
<style scoped="" lang="less">
.confirm {
	width: 694rpx;
	border: 1px #f4f4f4 solid;
	margin: 24rpx;

	.confirmBox {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		width: 628rpx;
		border-bottom: 1px solid #dcdcdd;
		margin: 0 30rpx;
		padding: 34rpx 0;

		image {
			width: 70rpx;
			height: 70rpx;
			border-radius: 4rpx;
		}

		view {
			color: #5c645b;
			font-size: 30rpx;
			margin-left: 26rpx;

			text {
				color: #717677;
				font-size: 26rpx;
				margin-left: 14rpx;
			}
		}
	}

	.detailBox {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		margin-left: ;
		width: 628rpx;
		border-bottom: 1px solid #dcdcdd;
		margin: 0 30rpx;
		padding: 36rpx 0;
		.title {
			width: 120rpx;
			height: 34rpx;
			font-size: 28rpx;
			color: #cbbdbf;
			text-align: justify;
			text-align-last: justify;
		}
		.detail {
			color: #6e726e;
			font-size: 28rpx;
			margin-left: 20rpx;
		}
		.active {
			color: #f4636f;
		}
		.iconfont {
			margin-left: 34rpx;
			color: #1f80ff;
			font-weight: 700;
		}
	}
	.read {
		font-size: 24rpx;
		color: #c9ccce;
		margin: 64rpx 0 28rpx 10rpx;
		.blue {
			color: #065eff;
		}
	}
	.btn {
		width: 690rpx;
		height: 70rpx;
		color: #fff;
		font-size: 36rpx;
		background-color: #006eff;
		line-height: 70rpx;
		text-align: center;
		margin-bottom: 30rpx;
	}
}
</style>
